<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <svg width="600" height="600" style="border:1px solid black">
        <!-- 直线 -->
        <line x1="200" y1="200" x2="300" y2="350" stroke="green" stroke-width="5"></line>
        <!-- 折线 -->
        <polyline points="0 0 0 50 50 50 50 100 300 100" stroke="yellow" stroke-width="4" fill="none"></polyline>

        <rect x="0" y="150" width="300" height="10" stroke="black" fill="red"></rect>

        <circle cx="350" cy="50" r="50" fill="blue"></circle>

        <!-- 分组：一体化 -->
        <g transform="translate(0, 400)" stroke-width="5">
            <!-- 子元素会继承父元素的样式 -->
            <rect x="0" y="150" width="300" height="10" stroke="black" fill="red"></rect>
            <circle cx="350" cy="50" r="50" fill="blue"></circle>
        </g>
        <text x="0" y="600" font-size="40" stroke="purple" fill="gold">等离子电视</text>
    </svg>
</body>
</html>